<!DOCTYPE html>
<html>
    <head>
        <!--Meta Tags, Title & External CSS Files-->
        <meta charset='utf-8'>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="author" content="Nisarg Kapkar">
        <title>Colorful Static Header</title>
        <link rel="stylesheet" href="../assets/css/colorful_fixed_header.css">
    </head>
    <body>
        <!--Header-->
        <header>
            <span>Link1</span>
            <span>Link2</span>
            <span>Link3</span>
            <span>Link4</span>
        </header>
        <!--Div to add content-->
        <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tempus ex turpis, eget accumsan enim cursus eget. Phasellus vitae turpis id tellus bibendum suscipit a in elit. Quisque vitae urna diam. Proin posuere faucibus mi, eu rutrum nunc placerat egestas. Sed eu tortor metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis turpis velit, efficitur sit amet tincidunt non, faucibus in nibh. Nunc sed eleifend neque, in cursus quam. Sed eget magna volutpat, varius purus et, semper felis. Cras ultrices magna sed convallis feugiat. Vivamus nec sapien pulvinar, ornare risus ut, pellentesque purus. Quisque ultricies ipsum sem, vitae ullamcorper velit tempus eu. Sed scelerisque hendrerit nulla, eget condimentum erat ullamcorper facilisis. Nunc mauris tellus, tincidunt vel lorem vel, vestibulum efficitur nisi. Proin rhoncus dui massa, id auctor enim viverra vitae.
            Sed quis pretium nisi. Praesent venenatis tincidunt bibendum. Cras vel tortor quis lacus euismod posuere. Donec venenatis porttitor leo, id dictum dolor convallis ut. Nulla facilisi. Etiam ac ante non mi tempus volutpat. Suspendisse sed ipsum nibh. Pellentesque vel aliquet ante. Pellentesque sagittis odio interdum, suscipit odio at, aliquet justo. Donec porttitor odio a lectus dignissim facilisis. Aliquam interdum diam molestie purus ullamcorper, et vehicula turpis pretium. Nam ut mi nec ex iaculis tempus ac mattis lorem.
            Nulla facilisi. Nullam fringilla neque non ipsum mollis ornare. Quisque eu tempor elit, vel vehicula lorem. Aliquam erat volutpat. Praesent fringilla elementum metus vitae finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper lectus urna, quis pretium augue accumsan at. Pellentesque lectus augue, tincidunt id est ut, varius fringilla metus. Nunc commodo arcu non ligula pellentesque, accumsan accumsan diam porttitor. In interdum, libero convallis porta pellentesque, eros risus ultricies nulla, et lacinia felis nisi quis erat. Cras nec odio massa. Morbi felis nisl, cursus vel ligula a, pretium blandit risus.
            Sed id turpis luctus, mattis lorem in, accumsan arcu. Donec placerat at lectus in egestas. Praesent iaculis molestie porttitor. Praesent feugiat tincidunt vulputate. Suspendisse quis fringilla justo, vitae tincidunt nisi. Proin blandit tellus justo, eu pharetra libero eleifend et. Pellentesque est dui, ullamcorper a lectus efficitur, sodales sollicitudin nunc. Etiam pretium metus nec enim tincidunt, id placerat urna placerat. In ut pellentesque ipsum. Aenean euismod lectus eu nibh efficitur interdum. Sed quam tellus, aliquam in fringilla vehicula, pellentesque sit amet eros. Vivamus ac aliquam sem, sed auctor est. Donec a consectetur sapien. Mauris sagittis ac dolor volutpat facilisis.
            Phasellus scelerisque tristique vehicula. Morbi tempus eu tellus at blandit. Duis eget tempor massa. Mauris scelerisque in nisi a scelerisque. Etiam ut posuere dolor. Cras sodales nisi vehicula metus egestas, at pharetra mi venenatis. Suspendisse luctus tortor elit, in rutrum lectus interdum ac. Suspendisse quis rhoncus elit. Integer venenatis ligula nec accumsan eleifend. Aenean sodales nunc justo. Vivamus a ante luctus purus ornare dignissim. Mauris finibus sodales sodales. Nam tincidunt euismod scelerisque. Donec eget eleifend lectus. Sed mi lacus, tristique at purus nec, elementum ullamcorper nibh. Mauris sed orci et justo tristique convallis sit amet quis risus.
            <br>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tempus ex turpis, eget accumsan enim cursus eget. Phasellus vitae turpis id tellus bibendum suscipit a in elit. Quisque vitae urna diam. Proin posuere faucibus mi, eu rutrum nunc placerat egestas. Sed eu tortor metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis turpis velit, efficitur sit amet tincidunt non, faucibus in nibh. Nunc sed eleifend neque, in cursus quam. Sed eget magna volutpat, varius purus et, semper felis. Cras ultrices magna sed convallis feugiat. Vivamus nec sapien pulvinar, ornare risus ut, pellentesque purus. Quisque ultricies ipsum sem, vitae ullamcorper velit tempus eu. Sed scelerisque hendrerit nulla, eget condimentum erat ullamcorper facilisis. Nunc mauris tellus, tincidunt vel lorem vel, vestibulum efficitur nisi. Proin rhoncus dui massa, id auctor enim viverra vitae.
            Sed quis pretium nisi. Praesent venenatis tincidunt bibendum. Cras vel tortor quis lacus euismod posuere. Donec venenatis porttitor leo, id dictum dolor convallis ut. Nulla facilisi. Etiam ac ante non mi tempus volutpat. Suspendisse sed ipsum nibh. Pellentesque vel aliquet ante. Pellentesque sagittis odio interdum, suscipit odio at, aliquet justo. Donec porttitor odio a lectus dignissim facilisis. Aliquam interdum diam molestie purus ullamcorper, et vehicula turpis pretium. Nam ut mi nec ex iaculis tempus ac mattis lorem.
            Nulla facilisi. Nullam fringilla neque non ipsum mollis ornare. Quisque eu tempor elit, vel vehicula lorem. Aliquam erat volutpat. Praesent fringilla elementum metus vitae finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper lectus urna, quis pretium augue accumsan at. Pellentesque lectus augue, tincidunt id est ut, varius fringilla metus. Nunc commodo arcu non ligula pellentesque, accumsan accumsan diam porttitor. In interdum, libero convallis porta pellentesque, eros risus ultricies nulla, et lacinia felis nisi quis erat. Cras nec odio massa. Morbi felis nisl, cursus vel ligula a, pretium blandit risus.
            Sed id turpis luctus, mattis lorem in, accumsan arcu. Donec placerat at lectus in egestas. Praesent iaculis molestie porttitor. Praesent feugiat tincidunt vulputate. Suspendisse quis fringilla justo, vitae tincidunt nisi. Proin blandit tellus justo, eu pharetra libero eleifend et. Pellentesque est dui, ullamcorper a lectus efficitur, sodales sollicitudin nunc. Etiam pretium metus nec enim tincidunt, id placerat urna placerat. In ut pellentesque ipsum. Aenean euismod lectus eu nibh efficitur interdum. Sed quam tellus, aliquam in fringilla vehicula, pellentesque sit amet eros. Vivamus ac aliquam sem, sed auctor est. Donec a consectetur sapien. Mauris sagittis ac dolor volutpat facilisis.
            Phasellus scelerisque tristique vehicula. Morbi tempus eu tellus at blandit. Duis eget tempor massa. Mauris scelerisque in nisi a scelerisque. Etiam ut posuere dolor. Cras sodales nisi vehicula metus egestas, at pharetra mi venenatis. Suspendisse luctus tortor elit, in rutrum lectus interdum ac. Suspendisse quis rhoncus elit. Integer venenatis ligula nec accumsan eleifend. Aenean sodales nunc justo. Vivamus a ante luctus purus ornare dignissim. Mauris finibus sodales sodales. Nam tincidunt euismod scelerisque. Donec eget eleifend lectus. Sed mi lacus, tristique at purus nec, elementum ullamcorper nibh. Mauris sed orci et justo tristique convallis sit amet quis risus.
            <br>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tempus ex turpis, eget accumsan enim cursus eget. Phasellus vitae turpis id tellus bibendum suscipit a in elit. Quisque vitae urna diam. Proin posuere faucibus mi, eu rutrum nunc placerat egestas. Sed eu tortor metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis turpis velit, efficitur sit amet tincidunt non, faucibus in nibh. Nunc sed eleifend neque, in cursus quam. Sed eget magna volutpat, varius purus et, semper felis. Cras ultrices magna sed convallis feugiat. Vivamus nec sapien pulvinar, ornare risus ut, pellentesque purus. Quisque ultricies ipsum sem, vitae ullamcorper velit tempus eu. Sed scelerisque hendrerit nulla, eget condimentum erat ullamcorper facilisis. Nunc mauris tellus, tincidunt vel lorem vel, vestibulum efficitur nisi. Proin rhoncus dui massa, id auctor enim viverra vitae.
            Sed quis pretium nisi. Praesent venenatis tincidunt bibendum. Cras vel tortor quis lacus euismod posuere. Donec venenatis porttitor leo, id dictum dolor convallis ut. Nulla facilisi. Etiam ac ante non mi tempus volutpat. Suspendisse sed ipsum nibh. Pellentesque vel aliquet ante. Pellentesque sagittis odio interdum, suscipit odio at, aliquet justo. Donec porttitor odio a lectus dignissim facilisis. Aliquam interdum diam molestie purus ullamcorper, et vehicula turpis pretium. Nam ut mi nec ex iaculis tempus ac mattis lorem.
            Nulla facilisi. Nullam fringilla neque non ipsum mollis ornare. Quisque eu tempor elit, vel vehicula lorem. Aliquam erat volutpat. Praesent fringilla elementum metus vitae finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper lectus urna, quis pretium augue accumsan at. Pellentesque lectus augue, tincidunt id est ut, varius fringilla metus. Nunc commodo arcu non ligula pellentesque, accumsan accumsan diam porttitor. In interdum, libero convallis porta pellentesque, eros risus ultricies nulla, et lacinia felis nisi quis erat. Cras nec odio massa. Morbi felis nisl, cursus vel ligula a, pretium blandit risus.
            Sed id turpis luctus, mattis lorem in, accumsan arcu. Donec placerat at lectus in egestas. Praesent iaculis molestie porttitor. Praesent feugiat tincidunt vulputate. Suspendisse quis fringilla justo, vitae tincidunt nisi. Proin blandit tellus justo, eu pharetra libero eleifend et. Pellentesque est dui, ullamcorper a lectus efficitur, sodales sollicitudin nunc. Etiam pretium metus nec enim tincidunt, id placerat urna placerat. In ut pellentesque ipsum. Aenean euismod lectus eu nibh efficitur interdum. Sed quam tellus, aliquam in fringilla vehicula, pellentesque sit amet eros. Vivamus ac aliquam sem, sed auctor est. Donec a consectetur sapien. Mauris sagittis ac dolor volutpat facilisis.
            Phasellus scelerisque tristique vehicula. Morbi tempus eu tellus at blandit. Duis eget tempor massa. Mauris scelerisque in nisi a scelerisque. Etiam ut posuere dolor. Cras sodales nisi vehicula metus egestas, at pharetra mi venenatis. Suspendisse luctus tortor elit, in rutrum lectus interdum ac. Suspendisse quis rhoncus elit. Integer venenatis ligula nec accumsan eleifend. Aenean sodales nunc justo. Vivamus a ante luctus purus ornare dignissim. Mauris finibus sodales sodales. Nam tincidunt euismod scelerisque. Donec eget eleifend lectus. Sed mi lacus, tristique at purus nec, elementum ullamcorper nibh. Mauris sed orci et justo tristique convallis sit amet quis risus.
            <br>
        </div>
    </body>
    <!--External JS & jQuery-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="../assets/js/colorful_fixed_header.js"></script>
</html>